<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
    <title>前台用户</title>
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700" rel="stylesheet">
    <link href="{{ asset('assets/backend/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/backend/assets/css/plugins.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/backend/plugins/sweetalerts/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/backend/plugins/sweetalerts/sweetalert.css') }}" rel="stylesheet" type="text/css" />
    <!-- END GLOBAL MANDATORY STYLES -->
    <link href="{{ asset('assets/fonts/fontawesome/font-awesome.min.css') }}" rel="stylesheet">
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link href="{{ asset('assets/backend/assets/css/apps/mailing-chat.css') }}" rel="stylesheet" type="text/css" />
    <!-- END PAGE LEVEL STYLES -->
</head>

<body>
<!-- CONTENT BOX -->
<div class="chat-system">
    <div class="user-list-box" style="width: 0; height: 0; overflow: hidden">
        <div class="people">
            <div class="person" data-chat="person1" data-room_id="0">
                <div class="user-info">
                    <div class="f-head">
                        <img src="{{ asset('assets/backend/assets/img/90x90.jpg') }}" alt="avatar">
                    </div>
                    <div class="f-body">
                        <div class="meta-info">
                            <span class="user-name" data-name="转接中">转接中</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="chat-box" style="width: 800px; margin: 0 auto">
        <div class="chat-box-inner">
            <div class="chat-meta-user">
                <div class="current-chat-user-name"><span><img src="{{ asset('assets/backend/assets/img/90x90.jpg') }}" alt="dynamic-image"><span class="name"></span></span></div>
            </div>
            <div class="chat-conversation-box">
                <div id="chat-conversation-box-scroll" class="chat-conversation-box-scroll">
                    <div class="chat active-chat" data-chat="person1" data-room_id="1">
                        <div class="conversation-start">
                            <span>{{ date('Y-m-d H:i:s', \time()) }}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="chat-footer">
                <div class="chat-input">
                    <form class="chat-form" action="javascript:void(0);">
                        <i class="fa fa-commenting-o"></i>
                        <input type="text" class="mail-write-box form-control" placeholder="按回车键即可发送消息"/>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- CONTENT BOX -->

<!-- BEGIN GLOBAL MANDATORY SCRIPTS -->
<!-- BEGIN GLOBAL MANDATORY SCRIPTS -->
<script src="{{ asset('assets/backend/assets/js/libs/jquery-3.1.1.min.js') }}"></script>
<script src="{{ asset('assets/backend/plugins/perfect-scrollbar/perfect-scrollbar.min.js') }}"></script>
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="{{ asset('assets/backend/plugins/sweetalerts/sweetalert2.min.js') }}"></script>

<!-- END PAGE LEVEL SCRIPTS -->
<script>
    window.user_id    = '{{ empty($user_info['id']) ? 0 : $user_info['id'] }}'
    window.user_type  = parseInt(window.user_id) > 0 ? 1 : 3
    window.socket_url = 'ws://{{env('WEB_SOCKET_HOST') . ':' . env('WEB_SOCKET_PORT')}}'

</script>
<script src="{{ asset('assets/backend/assets/js/web-socket/message.js') }}"></script>
<script src="{{ asset('assets/backend/assets/js/web-socket/user.js') }}"></script>

</body>
</html>
